{% extends 'layout.html' %}

{% block content %}
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="col-md-12">
                        <div class="form-horizontal">
                            <input type="hidden" id="taskId">
                            <div class="form-group">
                                <label class="col-md-2 text-left">作业名称<span class="red">&nbsp;*</span>：</label>
                                <div class="col-md-10">
                                    <input type="text" class="form-control" id="task-name" name="task-name">
                                </div>
                            </div>
                            <!-- 步骤分组外层box start  -->
                            <div class="form-group" id="group-box">
                                <ul class="group-ul ui-sortable" id="group-ul" style="min-height:182px;">
                                    <li class="group-li">
                                        <ul class="group-node-ul">
                                            <li class="group-node-li group-node-header">
                                                <div class="group-node-top group-node-top1 ui-sortable-handle">
                                                    <img src="/static/images/j.png"
                                                         style="width:46px;height:46px;margin-top:-1px;">
                                                    <label class="control-label mt5 ml5 white">步骤名称<span
                                                            class="red">&nbsp;*</span>：</label>
                                                    <input type="text" class="form-control group-name-input mt5"
                                                           maxlength="50" data-toggle="popover" data-placement="right"
                                                           data-content="必填项">
                                                    <input type="hidden" class="form-control group-type-input mt5"
                                                           value="1">
                                                    <a href="javascript:void(0);"
                                                       class="btn btn-white pt5 pb5 mt5 step-cut">
                                                        <i class="fa fa-scissors"></i></a>
                                                    <a href="javascript:void(0);"
                                                       class="btn btn-white pt5 pb5 mt5 step-up" style="display: none;">
                                                        <i class="fa fa-chevron-up"></i></a>
                                                    <a href="javascript:void(0);"
                                                       class="btn btn-white pt5 pb5 mt5 step-down"
                                                       style="display: block;">
                                                        <i class="fa fa-chevron-down"></i></a>
                                                    <a href="javascript:void(0);"
                                                       class="btn btn-white pt5 pb5 mt5 step-close" id="closeStep">
                                                        <i class="fa fa-close"></i></a>
                                                </div>
                                                <table class="group-node-table table table-out-bordered">
                                                    <tbody>
                                                    <tr class="name-tr">
                                                        <th class="text-center">脚本名称<span class="red">&nbsp;*</span>
                                                        </th>
                                                        <th class="text-center">执行账户<span class="red">&nbsp;*</span>
                                                        </th>
                                                        <th class="text-center">服务器数<span class="red">&nbsp;*</span>
                                                        </th>
                                                        <th class="text-center">脚本参数</th>
                                                        <th class="text-center">操作</th>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </li>
                                            <!--  <li class="group-node-li group-node-item"></li> -->
                                            <li class="group-node-li group-node-item">
                                                <a href="#" class="item-cut" title="裁剪">
                                                    <!-- <i class="fa fa-scissors"></i> --><img
                                                        src="/static/images/scissors.gif"
                                                        width="20" height="20"></a>
                                                <form onsubmit="return false">
                                                    <table class="group-node-table table table-out-bordered table-condensed">
                                                        <tbody>
                                                        <tr class="name-tr">
                                                            <td class="td_step_name"><input type="text"
                                                                                            class="form-control step_name_input"
                                                                                            maxlength="50" dt-value=""
                                                                                            data-toggle="popover"
                                                                                            data-placement="right"
                                                                                            data-content="必填项"></td>
                                                            <td class="td_step_accout">
                                                                <select class="form-control step_accout_sel"
                                                                        style="display: none;"></select>
                                                                <div class="chosen-container chosen-container-single chosen-container-single-nosearch"
                                                                     style="width: 145px;" title=""><a
                                                                        class="chosen-single chosen-default"
                                                                        tabindex="-1"><span>请选择</span>
                                                                    <div><b></b></div>
                                                                </a>
                                                                    <div class="chosen-drop">
                                                                        <div class="chosen-search"><input type="text"
                                                                                                          autocomplete="off"
                                                                                                          readonly="">
                                                                        </div>
                                                                        <ul class="chosen-results"></ul>
                                                                        <div class="chosen-operate newTask"
                                                                             href="./app/newTask.jsp"
                                                                             style="display:none;">
                                                                            +新建作业
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="td_step_service" style="position: relative;">
                                                                <input type="text"
                                                                       class="form-control step_service_input"
                                                                       disabled="">
                                                                <a class="btn btn-default btn-xs serverip-copy-btn none"
                                                                   style="position: absolute;right: 70px;top: 10px;">复制</a>
                                                                <a class="btn btn-default btn-xs serverip-paste-btn none"
                                                                   style="position: absolute;right: 10px;top: 10px;">粘贴</a>
                                                            </td>
                                                            <td class="td_step_param" style="position: relative;">
                                                                <!-- 					<input type="checkbox" title="CC脚本传参" style="position: absolute;top:10px;" class="step_paramType"/> -->
                                                                <input type="text" class="form-control step_param_input"
                                                                       maxlength="1024">
                                                            </td>
                                                            <td class="td_step_oper">
                                                                <div class="step_oper_div">
                                                                    <div class="checkbox-inline step_oper_div_check">
                                                                        <label>
                                                                            <input type="checkbox"
                                                                                   name="stop-after-step">&nbsp;<span>完成后暂停</span>&nbsp;&nbsp;&nbsp;
                                                                        </label>
                                                                    </div>
                                                                    <a href="javascript:void(0)" title="编辑"
                                                                       class="node-edit"><i
                                                                            class="fa fa-pencil"></i></a>
                                                                    <a href="javascript:void(0)" title="上移"
                                                                       class="node-up"><i
                                                                            class="fa fa-arrow-up"></i></a>
                                                                    <a href="javascript:void(0)" title="下移"
                                                                       class="node-down"><i
                                                                            class="fa fa-arrow-down"></i></a>
                                                                    <a href="javascript:void(0)" title="拖放"
                                                                       class="node-drag ui-draggable ui-draggable-handle"
                                                                       style="position: relative;"><i
                                                                            class="fa fa-arrows"></i></a>
                                                                    <a href="javascript:void(0)" title="删除"
                                                                       class="node-del"><i class="fa fa-remove"></i></a>
                                                                    <input type="hidden" class="step_id">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="tag-tr none">
                                                            <td colspan="5" class="tag_td">

                                                            </td>
                                                        </tr>
                                                        <tr class="text-tr none">

                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </form>
                                            </li>
                                            <li class="group-node-li group-node-footer">
                                                <a href="javascript:void(0);" class="add-node"><i
                                                        class="fa fa-plus"></i>&nbsp;&nbsp;新增节点</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <!-- 步骤分组外层div end  -->
                            <div class="row add-step">
                                <button class="btn btn-success"><i class="fa fa-plus"></i>&nbsp;添加步骤</button>
                                <ul>
                                    <li><a href="javascript:void(0);" id="addScriptBtn" class="btn btn-default">添加脚本</a>
                                    </li>
                                    <li><a href="javascript:void(0);" id="addFileBtn" class="btn btn-default">添加传输文件</a>
                                    </li>
                                </ul>
                            </div>
                            <hr>
                            <div class="form-group">
                                <div class="text-center">
                                    <button class="btn btn-info m10" id="saveTask">
                                        <i class="fa fa-save"></i>&nbsp;保存
                                    </button>
                                    <button class="btn btn-danger m10" id="runTask">
                                        <i class="fa fa-life-saver"></i>&nbsp;去执行
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}